import React, { useContext } from 'react';
import { GlobalShortcutContext } from '../mconfig';
import { GlobalShortcutKeyAPI } from './type';

export const GlobalShortcutMenu: React.FC<
  GlobalShortcutKeyAPI.IGlobalShortcutMenu
> = ({ children }) => {
  const { prefixCls } = useContext(GlobalShortcutContext);

  return (
    <div className={prefixCls + 'layout'}>
      <div className={prefixCls + 'menuBtn'}>{children}</div>
    </div>
  );
};
